<template>
    <div class="home-box">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="搜索菜谱/功能">
            <span class="glyphicon glyphicon-search"></span>
        </div>
    </div>
</template>

<script>
    // $(function(){
    //     alert('234')
    // })
    export default {
        name: 'Home'
    }
</script>

<style lang="less" scoped>
.home-box{
    width: 100%; padding-top: 30px;
    .form-group{
        width: 90%;padding-left: 10%;position: relative;
        input{
            width: 100%;
        }
        span{
            position: absolute;top: 10px;right: 20%;
        }
    }
}

</style>